<!DOCTYPE html>
<!--**
 *Created by wf_H on 2018/10/7.
 *by:web_hwf@sina.com
 *-->
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>创建补贴</title>

    <!--使用IE兼容模式渲染-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1"/>
    <meta name="renderer" content="webkit">

    <link rel="stylesheet" href="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/dist/zui@1.8.1/css/zui.min.css">
    <link rel="stylesheet" href="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/dist/zui@1.8.1/css/zui-theme.css">
    <link rel="stylesheet" href="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/dist/hover.css">

    <link rel="stylesheet" href="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/h-base.css">
    <link rel="stylesheet" href="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/h-index.css">

    <style>

    </style>
</head>
<body class="childrenBody pb80">
<a href="javascript:;" class="out_btn">
    <span> &lt; </span> 广州市总工会《2018年学历教育补贴》
</a>
<div class="row">
    <div class="col-sm-12">
        <div class="cjbt_bz">
            <div class="bz_item active">
                <span>1</span>
                <p>基本信息</p>
            </div>
            <div class="bz_item active">
                <span>2</span>
                <p>设置流程</p>
            </div>
            <div class="bz_item">
                <span>3</span>
                <p>金额/时间设定</p>
            </div>
            <div class="bz_item">
                <span>4</span>
                <p>确认项目</p>
            </div>
        </div>
    </div>
</div>


<div class="row">
    <div class="col-sm-12">
        <div class="cjbt_sz">
            <div class="title_text">
                审批流程
                <span class="iconfont icon-tishi" data-toggle="tooltip" data-placement="right" title="" data-original-title="说明说明说明说明说明说明说明说明说明说明说明。"></span>
            </div>
            <div class="nav_item">
                <div class="item_input">
                    <div class="item_left">
                        <span>*</span>审批次数：
                    </div>
                    <div class="radio_list">
                        <div class="radio_item">
                            <input type="radio" id="01" name="radio_top" checked="">
                            <label for="01">一审</label>
                        </div>
                        <div class="radio_item">
                            <input type="radio" id="02" name="radio_top">
                            <label for="02">二审</label>
                        </div>
                    </div>
                </div>
                <div class="item_input">
                    <div class="item_left">
                        <span>*</span>审批流程：
                    </div>

                    <div class="input-group" style="width: 80%;">
                        <span name="" class="form-control" id="" style="line-height: 26px;max-width: 500px;display: inherit" >发法师打发法师打发法师打发</span>
                        <button class="btn btn-danger" type="button" style="height: 38px" data-toggle="modal" data-target="#myModal">修改</button>
                    </div>
                    <p class="text_p">根据工会的级别，系统默认审批流程如上，如果有需要可点击修改设置自己的流程</p>
                </div>

            </div>

        </div>
    </div>
</div>
<div class="row">
    <div class="col-sm-12">
        <div class="cjbt_sz">
            <div class="title_text">
                职工申请流程
            </div>
            <div class="nav_item">
                <div class="item_input">
                    <div class="item_left">
                        <span>*</span>默认申请流程：
                    </div>

                    <div class="input-group" style="width: 80%;">
                        <span name="" class="form-control" id="" style="line-height: 26px;max-width: 500px;display: inherit" >发法师打发法师打发法师打发</span>
                        <button class="btn btn-danger" type="button" style="height: 38px" data-toggle="modal" data-target="#myModal">修改</button>
                    </div>
                    <p class="text_p">如果您对上传流程及上传信息有疑问，可在线联系您的专属客服 <a href="javascript:;">联系客服</a></p>
                </div>

            </div>

        </div>
    </div>
</div>

<div style="text-align: center;margin-top: 50px;position: fixed;bottom: 20px;width: 100%;z-index: 99;">
    <button class="btn btn-warning btn-lg">上一步：基本信息</button>
    <button class="btn btn-success btn-lg">下一步：金额/时间设定</button>
    <button class="btn btn-primary btn-lg">
        跳过

    </button>
    <span class="iconfont icon-tishi" data-toggle="tooltip" data-placement="right" title="" data-original-title="如果您对此步骤不够了解，可以点击跳过按钮，我们专业的客服人员会主动联系您，跟您进行对接。"></span>
</div>


<!--修改审核职工补贴-->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">审核职工补贴流程设置</h4>
            </div>
            <div class="modal-body">
                <div class="modal_item">
                    <select name="">
                        <option value="">企业工会审核</option>
                        <option value="">xxxxxx</option>
                        <option value="">xxxxx</option>
                        <option value="">xxxxxx</option>
                    </select>
                    <button type="button" class="close" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
                <div class="modal_item">
                    <select name="">
                        <option value="">镇街工会审核</option>
                        <option value="">xxxxx</option>
                        <option value="">xxxxx</option>
                    </select>
                    <button type="button" class="close" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
                <div class="modal_item">
                    <select name="">
                        <option value="">区工会(市直属企业)审核</option>
                        <option value="">xxxxxxx</option>
                        <option value="">xxxxxxx</option>
                        <option value="">xxxxxxx</option>
                    </select>
                    <button type="button" class="close" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
                <div class="modal_item">
                    <select name="">
                        <option value="">市工会(省直属企业)审核</option>
                        <option value="">xxxxxxx</option>
                        <option value="">xxxxxxx</option>
                        <option value="">xxxxxxx</option>
                    </select>
                    <button type="button" class="close" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                </div>
                <div class="modal_item">
                    <button id="add_modal_item" class="btn btn-warning">+ 添加审核流程</button>
                    <button type="button" class="btn btn-success" data-dismiss="myModal">确定</button>

                </div>
            </div>

        </div>
    </div>
</div>




<script type="text/javascript" src="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/dist/zui@1.8.1/js/zui.min.js"></script>

<script>
    $('[data-toggle="tooltip"]').tooltip();

    $(function () {



        //添加审核步骤
        $('#add_modal_item').click(function () {
            $(this).parent().before('<div class="modal_item">\n' +
                '                    <select name="">\n' +
                '                        <option value="">市工会(省直属企业)审核</option>\n' +
                '                        <option value="">xxxxxxx</option>\n' +
                '                        <option value="">xxxxxxx</option>\n' +
                '                        <option value="">xxxxxxx</option>\n' +
                '                    </select>\n' +
                '                    <button type="button" class="close" aria-label="Close"><span aria-hidden="true">&times;</span></button>\n' +
                '                </div>')
        });
        $('.modal-body').on('click','.close',function () {
            $(this).parent().remove() ;
        })



    })

</script>
</body>
</html>